<template>
    <div>
       <!-- 轮播图区域 -->
    <mt-swipe :auto="4000">
        <mt-swipe-item v-for="item in lunbotuList" :key="item">
         <img :src="item" alt="" :class="{'full':isfull}">
        </mt-swipe-item>
    </mt-swipe>
    </div>
</template>

<script>


export default {
    props:[
        "isfull"
    ],
      data(){
        return {
            lunbotuList:[require('../../assets/img/1.jpg'),
                   require('../../assets/img/2.jpg'),
                   require('../../assets/img/3.jpg'),
                   require('../../assets/img/4.jpg'),
                   require('../../assets/img/5.jpg'),
                   require('../../assets/img/6.jpg'),
            
            ],//保存轮播图的数组
        };
    },
}
</script>

<style lang="stylus" scoped>
.mint-swipe{
    height:200px;

    .mint-swipe-item{
        text-align:center;
       
        img{
            width 100%;
            height 100%;
        }
  
    }
}
.full{
    width 100%;
}
</style>